<script setup lang="ts">
import { NCard, NResult, NButton } from "naive-ui";
import router from "../router";

const handleClickBtn = () => {
  router.replace('/');
};
</script>

<template>
  <n-card>
    <n-result
      status="404"
      title="404 资源不存在"
      description="检查访问的路径"
    >
      <template #footer>
        <n-button @click="handleClickBtn">
          返回首页
        </n-button>
      </template>
    </n-result>
  </n-card>
</template>
